<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>前端20表单label标签</title>
</head>
<body>
    <form action="https://search.jd.com/search">
    <!-- fieldset为表单控件分组，legend为分组标题 -->
    <fieldset>
        <legend>主要信息</legend>
    <!-- label为焦点标签，回车会被识别为空格 -->
        <!-- 第一种 -->
        <label for="zhanghu">账户：</label>
        <input id="zhanghu"   type="text" name="accout" value="zhangsan" maxlength=""><br>
        
        <!-- 第二种 -->
        <label>
            密码：
            <input id="mima" type="password" name="pwd"  value=""  maxlength="">
        </label> 
        <br>   
        性别: 
        <input id="nan" type="radio" name="gender" value="男">
        <label for="nan">男</label>  
        <label><input type="radio" name="gender" value="女" checked>女</label><br>

    </fieldset>  
     
    <fieldset>
        <legend>次要信息</legend>
        爱好:
    <input type="checkbox" name="hobby" value="somke" checked>抽烟
    <input type="checkbox" name="hobby" value="drink">喝酒
    <input type="checkbox" name="hobby" value="perm">烫头 
    <br>
    其他：
    <textarea name="other" cols="22" rows="3"></textarea>
    <br>
    籍贯：
    <select name="place">
        <option value="冀">河北</option>
        <option value="鲁">山东</option>
        <option value="晋" selected>山西</option>
        <option value="粤">广东</option>
    </select>
     <input type="hidden" name="from" value="头条">
     <br>
     <input type="submit" value="提交">
    <input type="reset" value="重置">
     <button disabled type="button">检测账号是否存在</button>
    </fieldset>
    
    </form>



</body>
</html>